<template id="home-content">
    <div class="container">
        <div class="yolo">
            <item-wrap title="目标检测业务示意">
                <yolo-topology/>
            </item-wrap>
        </div>
        <div class="ftp">
            <item-wrap title="文件传输业务示意">
                <ftp-topology/>
            </item-wrap>
        </div>
    </div>
    <router-view />
</template>

<script>
import YoloTopology from "@/components/echarts/topology/YoloTopology.vue";
import FtpTopology from "@/components/echarts/topology/FtpTopology.vue";

export default {
    name: "Home",
    components: {
        YoloTopology,
        FtpTopology
    },
    data() {
        return {
        };
    },
    methods: {
    }
};
</script>

<style scoped>
.container {
    display: flex;
    height: 80%;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    font-size: 30px;
}
.yolo {
    width: 100%;
}
.ftp {
    width: 100%;
}
</style>
